<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <!-- 头部区域 -->
    <ul class="layui-nav layui-layout-left">
      <li class="layui-nav-item layadmin-flexible" lay-unselect>
        <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
          <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
        </a>
      </li>
      <li class="layui-nav-item" lay-unselect>
        <a href="javascript:;" layadmin-event="refresh" title="刷新">
          <i class="layui-icon layui-icon-refresh-3"></i>
        </a>
      </li>
    </ul>
    <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">

      <li class="layui-nav-item" lay-unselect>
        <a lay-href="message/" layadmin-event="message">
          <i class="layui-icon layui-icon-notice"></i>

          <!-- 如果有新消息，则显示小圆点 -->
            <script type="text/html" template lay-url="/api/message/getCount">
          {{# if(d.data > 0){ }}
            <span class="layui-badge-dot"></span>
          {{# } }}
          </script>

        </a>
      </li>
      <!--<li class="layui-nav-item layui-hide-xs" lay-unselect>
        <a href="javascript:;" layadmin-event="theme">
          <i class="layui-icon layui-icon-theme"></i>
        </a>
      </li>
      <li class="layui-nav-item layui-hide-xs" lay-unselect>
        <a href="javascript:;" layadmin-event="note">
          <i class="layui-icon layui-icon-note"></i>
        </a>
      </li>-->
      <li class="layui-nav-item" lay-unselect style="margin-right:20px;">
        <script type="text/html" template lay-url="/api/mch/get"
        lay-done="layui.element.render('nav', 'layadmin-layout-right');">
          <a href="javascript:;">
            <cite>{{ d.data.name }}</cite>
          </a>
          <dl class="layui-nav-child">
            <dd><a lay-href="account/info/">商户基本信息</a></dd>
            <dd><a lay-href="user/modifyPwd">修改登录密码</a></dd>
            <dd><a lay-href="user/modifyPayPwd">修改支付密码</a></dd>
            <hr>
            <dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
          </dl>
        </script>
      </li>

      <!--<li class="layui-nav-item layui-hide-xs" lay-unselect>
        <a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>
      </li>
      <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
        <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
      </li>-->
    </ul>
  </div>

  <!-- 侧边菜单 -->
  <div class="layui-side layui-side-menu">
    <div class="layui-side-scroll">
      <div class="layui-logo" lay-href="">
          <span>商户系统</span>
      </div>
        <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
            <li data-name="account" data-jump="true" class="layui-nav-item layui-nav-itemed">
                <a href="javascript:;" lay-tips="商户" lay-direction="2">
                    <i class="layui-icon layui-icon-user"></i>
                    <cite>商户</cite>
                    <span class="layui-nav-more"></span>
                </a>
                <dl class="layui-nav-child">
                    <dd data-name="info" data-jump="" class="layui-this">
                        <a href="javascript:;" lay-href="account/info/">基本信息</a>
                    </dd>
                    <dd data-name="history" data-jump="">
                        <a href="javascript:;" lay-href="account/history/">资金流水</a>
                    </dd>
                    <dd data-name="app" data-jump="">
                        <a href="javascript:;">应用管理<span class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child">
                            <dd data-name="list" data-jump="">
                                <a href="javascript:;" lay-href="account/app/list">应用列表</a>
                            </dd>
                            <!--<dd data-name="create" data-jump="">
                                <a href="javascript:;" lay-href="account/app/create">新建应用</a>
                            </dd>-->
                        </dl>
                    </dd>
                    <dd data-name="passage" data-jump="">
                        <a href="javascript:;" lay-href="account/passage/">支付通道</a>
                    </dd>
                    <dd data-name="uaccount" data-jump="">
                        <a href="javascript:;" lay-href="account/uaccount/">用户账户</a>
                    </dd>
                </dl>
            </li>
            <li data-name="order" data-jump="true" class="layui-nav-item ">
                <a href="javascript:;" lay-tips="订单" lay-direction="2">
                    <i class="layui-icon layui-icon-component"></i>
                    <cite>订单</cite>
                    <span class="layui-nav-more"></span>
                </a>
                <dl class="layui-nav-child">
                    <dd data-name="pay" data-jump="">
                        <a href="javascript:;" lay-href="order/pay/">支付订单</a>
                    </dd>
                    <!--<dd data-name="trans" data-jump="">
                        <a href="javascript:;" lay-href="order/trans/">转账订单</a>
                    </dd>
                    <dd data-name="refund" data-jump="">
                        <a href="javascript:;" lay-href="order/refund/">退款订单</a>
                    </dd>
                    <dd data-name="trade" data-jump="">
                        <a href="javascript:;" lay-href="order/trade/">交易订单</a>
                    </dd>-->
                </dl>
            </li>
            <li data-name="sett" data-jump="true" class="layui-nav-item ">
                <a href="javascript:;" lay-tips="结算" lay-direction="2">
                    <i class="layui-icon layui-icon-set"></i>
                    <cite>结算</cite>
                    <span class="layui-nav-more"></span>
                </a>
                <dl class="layui-nav-child">
                    <dd data-name="manage" data-jump="">
                        <a href="javascript:;">结算管理<span class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child">
                            <dd data-name="list" data-jump="">
                                <a href="javascript:;" lay-href="sett/manage/list">结算列表</a>
                            </dd>
                            <dd data-name="create" data-jump="">
                                <a href="javascript:;" lay-href="sett/manage/create">申请结算</a>
                            </dd>
                        </dl>
                    </dd>
                    <dd data-name="bank" data-jump="">
                        <a href="javascript:;" lay-href="sett/bank/">银行账号</a>
                    </dd>
                </dl>
            </li>
            <li data-name="reconciliation" data-jump="true" class="layui-nav-item ">
                <a href="javascript:;" lay-tips="对账" lay-direction="2">
                    <i class="layui-icon layui-icon-template"></i>
                    <cite>对账</cite>
                    <span class="layui-nav-more"></span>
                </a>
                <dl class="layui-nav-child">
                    <dd data-name="down" data-jump="">
                        <a href="javascript:;" lay-href="reconciliation/down/">下载对账</a>
                    </dd>
                </dl>
            </li>
            <span class="layui-nav-bar"></span>
        </ul>
    </div>
  </div>

  <!-- 页面标签 -->
  <script type="text/html" template lay-done="layui.element.render('nav', 'layadmin-pagetabs-nav')">
    {{# if(layui.setter.pageTabs){ }}
    <div class="layadmin-pagetabs" id="LAY_app_tabs">
      <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
      <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
      <div class="layui-icon layadmin-tabs-control layui-icon-down">
        <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
          <li class="layui-nav-item" lay-unselect>
            <a href="javascript:;"></a>
            <dl class="layui-nav-child layui-anim-fadein">
              <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
              <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
            </dl>
          </li>
        </ul>
      </div>
      <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
        <ul class="layui-tab-title" id="LAY_app_tabsheader">
          <li lay-id="{{ layui.setter.entry }}"><i class="layui-icon layui-icon-home"></i></li>
        </ul>
      </div>
    </div>
    {{# } }}
  </script>


  <!-- 主体内容 -->
  <div class="layui-body" id="LAY_app_body">
    <div class="layadmin-tabsbody-item layui-show"></div>
  </div>

  <!-- 辅助元素，一般用于移动设备下遮罩 -->
  <div class="layadmin-body-shade" layadmin-event="shade"></div>

</div>
